body {

}

#formula{
	position: absolute;
top: 198px;
left: 736px;
width: 306px;
text-align: center;
z-index: 10;
}
.gravidade{
color:#037ABE;
cursor:pointer;
text-decoration: underline;
}
.hide {
	display: none;
}
#apresentacao {
	height: 500px;
	width: 100%;
	
}
.persona_apresentacao{
	z-index: 10;
}
.altura_box {
	height: 600px;
}
.control {
	margin-left: 280px;
    margin-top: -86px;
    position: absolute;
    

}
.maquina {
	width: 367px;
height: 491px;
position: absolute;
margin-top: -180px;
/* left: 50%; */
margin-left: 500px;
z-index: 3;
}
.persona {
	width: 300px;
	height: 300px;
	position: absolute;
	margin-top: 50px;
	left: 310px;
	z-index: 4;
}
.seta1,.seta2, .seta3  {

	position: absolute;
	margin-top: 311px;
	left: 604px;

}
.positionSeta{
	float: right;
color: #810401;
margin-left: -2px;
width: 44px;
border-bottom: solid #810401;
padding-left: 20px;
	
}
.positionSeta3{
	float: right;
	color:#fff;
	margin-left: 5px;
}
.pastilha {
	width: 18px;
	height: 0px;
	position: absolute;
	top: 593px;
	left: 573px;
	z-index: 2;
	background-color: rgb(245, 191, 77);
}
.contraste_pastilha {
	width: 23px;
height: 404px;
position: absolute;
top: 134px;
left: 569px;
z-index: 1;
background-color: #3C1752;
}

/*terra*/
#terra {

	width: 100%;
}
#terra .divisoria1 {
	height: 250px;
	width: 100%;
	background-color: #ADD8E6;
}
#terra .divisoria2 {
	height: 350px;
	width: 100%;
	background-color: #66CD00;
}

.feedback_fase1, .feedback_fase2, .feedback_fase3 {
	width: 345px;
	height: 200px;
	position: absolute;
	top: 314px;
	left: 736px;
	z-index: 10;
}
.tree{
	position: absolute;
left: -98px;
top: 43px;
z-index: 0;
}
/*lua-----------------------------------------*/
#lua {

	width: 100%;
	background-color: black;
}
#lua .divisoria1 {
	height: 250px;
	width: 100%;
	background-color: #000;
}
#lua .divisoria2 {
	height: 350px;
	width: 100%;
	background-color: #8B8A84;
}
#marte {

	width: 100%;
	background-color: red;
}
#marte .divisoria1 {
	height: 250px;
	width: 100%;
	background-color: #e9d0b2;
}
#marte .divisoria2 {
	height: 350px;
	width: 100%;
	background-color: #af3e20;
}
.background {
	height: 500px;
	width: 100%;
	position: absolute;
}
.linha1 {
	height: 250px;
	width: 100%;
}
.linha2 {
	height: 350px;
	width: 100%;
}

footer{
	float: right;
}